<link rel="stylesheet" href="../plug/date_b/css/calendar.css">
<div hint-msg hintdate="hintdate"></div>
<div alert-msg toastdata="toastdata"></div>
<div class="paper-b m8 p16">
    <div class="flex-box">
        <div class="flex1">
            <h4>成为农场主</h4>
        </div>
        <div class="flex1">
            <!-- <p class="ta-r lh24 c-grey-d">剩余:<span class="c-orange va-b plr4">160</span>块地</p> -->
        </div>
    </div>
    <div ng-if="isStorage&&!isLoading">
        <div class="flex-box pt16">
            <div class="flex1">
                <div class="radio-box-normalize">
                    <input id="isManagerPlant1" type="radio" value="1" name="managerPlant" class="d-n" ng-click="manager_farm(false)">
                    <div class="radio-out">
                        <i class="radio-in"></i>
                    </div>
                    <label for="isManagerPlant1">我自己打理</label>
                </div>
            </div>
            <div class="flex1">
                <div class="radio-box-normalize">
                    <input id="isManagerPlant2" type="radio" value="2" name="managerPlant" class="d-n" checked ng-click="manager_farm(true)">
                    <div class="radio-out">
                        <i class="radio-in"></i>
                    </div>
                    <label for="isManagerPlant2">农庄帮忙管理<span class="c-red">（推荐）</span></label>
                </div>
            </div>
        </div>
        <div class="pt32">
            <strong>可选种植的应季蔬菜有</strong>
            <div class="j-box">
                <!-- <div class="checkbox-box-normalize mt16 w90" ng-repeat-start="data in data_list.greens">
                <input id="{{'Seed' + data.id}}" type="checkbox" name="greens" value="2" class="d-n" ng-checked="check_data(this.data.isSelected)" ng-click="change_select(this.data, $index)" ng-disabled="!data.isSelected&&isMax">
                <span class="checkbox-hook ta-c"><span class="checkbox-hook-in fs12 op0 lh0">✓</span></span>
                <label for="{{'Seed' + data.id}}" ng-bind="data.name" class="p-r z10"></label>
            </div> -->
                <div class="checkbox-box-imgstyle mt16" ng-repeat-start="data in greens">
                    <input id="{{'Seed' + data.id}}" type="checkbox" name="greens" value="2" class="d-n" ng-checked="check_data(this.data.isSelected)" ng-click="change_select(this.data, $index)" ng-disabled="!data.isSelected&&isMax">
                    <label for="{{'Seed' + data.id}}" class="checkbox-imgstyle">
                        <img src="{{data.image}}" alt="">
                        <p ng-bind="data.name"></p>
                        <div class="checkbox-mark"><span>✓</span></div>
                    </label>
                </div>
                <!-- angular ng-repeat justify hacking -->
                <div class="d-il" ng-repeat-end ng-if="false"></div>
                <div class="w90 d-il"></div>
                <div class="w90 d-il"></div>
                <div class="w90 d-il"></div>
                <div class="w90 d-il"></div>
                <div class="j-h"></div>
            </div>
        </div>
        <!-- <p ng-if="isMax" class="mt8 c-grey-d">提示：一块土地最多只能种三种蔬菜哦~</p> -->
        <div ng-show="isAllSelect">
            <table class="table table-condensed table-hover table-responsive table-striped">
                <caption>
                    <!-- <h5>预计成熟时间表</h5> -->
                </caption>
                <thead>
                    <tr>
                        <th>蔬菜种子</th>
                        <th>预计成熟时间（天）</th>
                        <!-- <th>代管费（元）</th> -->
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="data in greens" ng-if="data.isSelected">
                        <td ng-bind="data.name"></td>
                        <td ng-bind="data.grownDay"></td>
                        <!-- <td ng-bind="data.price"></td> -->
                    </tr>
                </tbody>
            </table>
            <p class="ta-r pt4 c-grey fs16">蔬果月管理费:<span class="c-orange">¥<span ng-bind="greens_price" class="mlr4"></span></span>
            </p>
        </div>
    </div>
    <div ng-if="!isStorage&&!isLoading">
        <p class="pt8 c-hint-b">提示：你来晚了，农场已经被抢光了</p>
    </div>
    <div ng-if="isLoading">
        <p class="pt8">正在加载，请稍后。</p>
    </div>
</div>
<div class="paper-b m8 p16 bg-tran c-grey-d">
    <h4 class="pb4">小贴士</h4>
    <ul class="fs12 list-style">
        <li>
            菜园为6平方，<span class="c-red">首批用户享受365元/年的优惠价格。</span>
        </li>
        <li>
            蔬菜种子需要额外收取5元费用。
        </li>
        <li>
            如果选择农庄代管，需要收取80元/月的管理费。
        </li>
    </ul>
</div>
<!-- <div class="paper-b m8 p16 bg-tran c-grey-d">
    <h4>小贴士</h4>
    <p class="fs12 pt8">菜园为6平方，<span class="c-red">首批用户享受￥370/年的优惠价哦</span>，如果由农庄打理的话，还要收取这批菜的管理费。<span class="c-red">蔬果管理费已另算。</span></p>
    </div> -->
<div class="paper-b m8 p16">
    <div class="checkbox-box-normalize f-r pt4 pl4">
        <input id="isGoTo" type="checkbox" name="GoGo" value="2" class="d-n" ng-click="goPlant()">
        <span class="checkbox-hook ta-c"><span class="checkbox-hook-in fs12 op0 lh0">✓</span></span>
        <label for="isGoTo">农场帮忙代种</label>
    </div>
    <h4>前往农场种植的日期</h4>
    <div class="lie pt8">
        <!-- <input id="beginTime" placeholder="点击选择日期" class="kbtn w-full input-normal box" ng-show="isGoPlant" /> -->
        <input type="text" id="dt" placeholder="点击选择日期" class="kbtn w-full input-normal box" ng-show="isGoPlant" readonly>
        <div id="dd"></div>
        <p ng-if="!isGoPlant" class="c-grey-d">提示：农场代种就无需选择日期~</p>
    </div>
    <!-- <div id="datePlugin"></div> -->
    <!-- <input id="my-input" type="text" /> -->
</div>
<div class="paper-b m8 p16 bg-tran c-grey-d">
    <h4>小贴士</h4>
    <p class="fs12 pt8">如果时间允许的话，小农场主们要自己来播种哦~</p>
</div>
<div cost-btm costdata="costdata"></div>

<style>
#dt {
    background: url(./images/date_icon.png) no-repeat right center;
}
.list-style{
    list-style: inside;
}
</style>
